import { Meta, Story } from "@storybook/blocks";

import { Label } from "@/components/ui/label";
import { Switch } from "@/components/ui/switch";

<Meta title="Switch" component={Switch} />

# Switch

<div className="flex items-center align-middle space-x-2">
  <Switch id="airplane-mode" />

  <Label htmlFor="airplane-mode">Airplane Mode</Label>
</div>

<div className="flex items-center align-middle space-x-2">
  <Switch id="airplane-mode" size="sm" />

  <Label htmlFor="airplane-mode">Small Switch</Label>
</div>
